<template>
	<view>
		<view class="uni-flex uni-column" v-for="(item,index) in find_list" :key="index">
		                <view class="flex-item flex-item-V uni-bg-red title">{{item.name}}</view>
		                <view class="flex-item flex-item-V uni-bg-green image">
							<image :src="item.title_picture" v-if="item.video==null" class="img"></image>
							<video  :src="item.video" v-if="item.title_picture==null" class="img"></video>
							</view>
							<view class="down">
								<text>{{item.writer}}</text>
								<text style="margin-left:5px">{{item.comment_count}}人评论</text>
							</view>
		            </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				find_list:[],
			}
		},
		created(){
			this.getfindlist();
		},
		methods: {
			getfindlist(){
				uni.request({
					url:'http://www.moive.com/api/movie_mysql/find.php',
					 method: 'GET',
					          success: (res)=>{
								  console.log("111")
						
						 this.find_list=res.data;
						 console.log(this.find_list)
							  },
					          fail: (err)=>{}
				})
			}
	 	}
	 }
</script>

<style lang="scss" scoped>
.uni-flex{
	width:94%;
	border-bottom:1px #cecece solid;
	margin:0 auto ;
    margin-top: 5px;
}
.title{
	margin-top:5px;
	font-size:19px;
}
.img{
	width:100%;
	}
.down{
	height:20px;
	width:100%;
	font-size:10px;
	color:rgb(153,153,153);
}
</style>
